.

4 files changed, 59 insertions, 44 deletions

diff --git a/src/routes/[lang=lang]/+page.server.ts b/src/routes/[lang=lang]/+page.server.ts
index a647cfe..c2284ee 100644
--- a/src/routes/[lang=lang]/+page.server.ts
+++ b/src/routes/[lang=lang]/+page.server.ts
@@ -1,29 +1,31 @@
-import { sanity } from '$lib/sanity-client';
-import type { PageServerLoad } from './$types';
+import { sanity } from "$lib/sanity-client";
+import type { PageServerLoad } from "./$types";
 import groq from "groq";
-import type { ContactModel } from './sections/contact.svelte';
-import { fromLocalizedString } from '$lib/utils';
-import type { HeroModel } from './sections/hero.svelte';
-import type { DescriptionModel } from './sections/description.svelte';
+import type { ContactModel } from "./sections/contact.svelte";
+import { fromLocalizedString } from "$lib/utils";
+import type { HeroModel } from "./sections/hero.svelte";
+import type { DescriptionModel } from "./sections/description.svelte";
 
 export const load = (async ({ locals }) => {
-    const contactSection = await sanity.fetch(groq`*[_type == "contact"][0]`);
-    const heroSection = await sanity.fetch(groq`*[_type == "hero"][0]`);
-    const descriptionSection = await sanity.fetch(groq`*[_type == "description"][0]`);
-    return {
-        contact: {
-            phone: fromLocalizedString(contactSection.phone, locals.locale),
-            email: fromLocalizedString(contactSection.email, locals.locale),
-            phoneHours: fromLocalizedString(contactSection.phoneHours, locals.locale),
-            addressLines: contactSection.addressLines.map((el: string | object) => fromLocalizedString(el, locals.locale)),
-        } as ContactModel,
-        hero: {
-            title: heroSection.title,
-            content: heroSection.content
-        } as HeroModel,
-        description: {
-            title: descriptionSection.title,
-            content: descriptionSection.content
-        } as DescriptionModel
-    };
-}) satisfies PageServerLoad;
\ No newline at end of file
+	const contactSection = await sanity.fetch(groq`*[_type == "contact"][0]`);
+	const heroSection = await sanity.fetch(groq`*[_type == "hero"][0]`);
+	const descriptionSection = await sanity.fetch(groq`*[_type == "description"][0]`);
+	const products = await sanity.fetch(groq`*[_type == "product"]`);
+	return {
+		contact: {
+			phone: fromLocalizedString(contactSection.phone, locals.locale),
+			email: fromLocalizedString(contactSection.email, locals.locale),
+			phoneHours: fromLocalizedString(contactSection.phoneHours, locals.locale),
+			addressLines: contactSection.addressLines.map((el: string | object) => fromLocalizedString(el, locals.locale)),
+		} as ContactModel,
+		hero: {
+			title: heroSection.title,
+			content: heroSection.content,
+		} as HeroModel,
+		description: {
+			title: descriptionSection.title,
+			content: descriptionSection.content,
+		} as DescriptionModel,
+		products: products
+	};
+}) satisfies PageServerLoad;
diff --git a/src/routes/[lang=lang]/+page.svelte b/src/routes/[lang=lang]/+page.svelte
index 325f085..f2028c6 100644
--- a/src/routes/[lang=lang]/+page.svelte
+++ b/src/routes/[lang=lang]/+page.svelte
@@ -12,4 +12,4 @@
 <Hero model={data.hero} />
 <Description model={data.description} />
 <Contact model={data.contact} />
-<Products model={data.products} />
\ No newline at end of file
+<Products model={data.products} />
diff --git a/src/routes/[lang=lang]/+page.ts b/src/routes/[lang=lang]/+page.ts
index 1ef0b57..fa95472 100644
--- a/src/routes/[lang=lang]/+page.ts
+++ b/src/routes/[lang=lang]/+page.ts
@@ -1,18 +1,18 @@
-import type { PageLoad } from './$types';
-import LL, { setLocale } from '$i18n/i18n-svelte'
-import { get } from 'svelte/store'
+import type { PageLoad } from "./$types";
+import LL, { setLocale } from "$i18n/i18n-svelte";
+import { get } from "svelte/store";
 
 export const load = (async ({ parent, data }) => {
-    // wait for `+layout.ts` to load dictionary and pass locale information
-    const { locale } = await parent()
+	// wait for `+layout.ts` to load dictionary and pass locale information
+	const { locale } = await parent();
 
-    // if you need to output a localized string in a `load` function,
-    // you always need to call `setLocale` right before you access the `LL` store
-    setLocale(locale)
-    // get the translation functions value from the store
-    const $LL = get(LL)
-    return {
-        title: $LL.homeTitle(),
-        ...data
-    }
-}) satisfies PageLoad;
\ No newline at end of file
+	// if you need to output a localized string in a `load` function,
+	// you always need to call `setLocale` right before you access the `LL` store
+	setLocale(locale);
+	// get the translation functions value from the store
+	const $LL = get(LL);
+	return {
+		title: $LL.homeTitle(),
+		...data,
+	};
+}) satisfies PageLoad;
diff --git a/src/routes/[lang=lang]/sections/products.svelte b/src/routes/[lang=lang]/sections/products.svelte
index 4e10b6f..816e276 100644
--- a/src/routes/[lang=lang]/sections/products.svelte
+++ b/src/routes/[lang=lang]/sections/products.svelte
@@ -13,6 +13,8 @@
 </script>
 
 <script lang="ts">
+	import CardV4 from "$components/card-v4.svelte";
+
 	export let model: ProductsModel;
 
 	let visible = true;
@@ -24,5 +26,16 @@
 </script>
 
 {#if visible}
-    
-{/if}
\ No newline at end of file
+	<div class="wrapper">
+		{#each model.products as product}
+			<CardV4 description={product.description} title={product.title} />
+		{/each}
+	</div>
+{/if}
+
+<style lang="postcss">
+	.wrapper {
+		display: grid;
+		grid-template-columns: repeat(50%);
+	}
+</style>